<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 1.标签选择器 
        标签名（）选取页面所有标签名XXX的类标签 */
        div {
            background-color: rgb(64, 183, 192);
        }

        /* 2.id选择器
        #id{}  选取id表示唯一元素 */
        #second {
            background-color: bisque;
        }

        /* 3.class选择器 
        .类名  选取一类元素 */
        .first {
            color: rgb(208, 41, 41);
        }
    </style>
</head>

<body>
    <!-- 标签通用属性
     id 唯一标识
     class 一类标识
     style 标签样式
     tittle 文字提示 -->
    <div class="first" title="第一个老登">块级元素</div>
    <div id="second" title="第二个中登">块级元素</div>
    <div title="第三个小登">块级元素</div>
    <p class="first">段落标签</p>
</body>

</html>